<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			table,tr,td{border:1px solid silver;}
			td
			{
				width:40px;
				height:40px;
				line-height:40px;
				text-align:center;
			}
		</style>
		<script type="text/javascript" src="../../jQuery/jquery-3.4.1.js"></script>
		<script type="text/javascript">
			$(function(){
				$("td").hover(function(){
					$(this).parent().css("background-color","#f1f1f1")
				},function(){
					$(this).parent().css("background-color","white")
				})
			})
		</script>
	</head>
	<body>
		<table>
			<tr>
				<td>2</td>
				<td>4</td>
				<td>8</td>
			</tr>
			<tr>
				<td>16</td>
				<td>32</td>
				<td>64</td>
			</tr>
			<tr>
				<td>128</td>
				<td>256</td>
				<td>512</td>
			</tr>
		</table>
	</body>
</html>
